<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="CSS/exzoom.css">
</head>

<body>
    <div class="exzoom" id="exzoom">
        <!--大图区域-->
        <div class="exzoom_img_box">
            <ul class='exzoom_img_ul'>
                <li><img src="images/photos/a1.png" /></li>
                <li><img src="images/photos/a2.png" /></li>
                <li><img src="images/photos/a3.png" /></li>
                <li><img src="images/photos/a4.png" /></li>
                <li><img src="images/photos/a5.png" /></li>
                <li><img src="images/photos/a1.png" /></li>
                <li><img src="images/photos/a2.png" /></li>
                <li><img src="images/photos/a3.png" /></li>
            </ul>
        </div>
        <!--缩略图导航-->
        <div class="exzoom_nav"></div>
        <!--控制按钮-->
        <p class="exzoom_btn"> <a href="javascript:void(0);" class="exzoom_prev_btn"> &lt; </a> <a
                href="javascript:void(0);" class="exzoom_next_btn"> &gt; </a> </p>
    </div>
    <script src="JS/jquery-1.11.0.js"></script>
    <script src="JS/mirror.js"></script>
    <script type="text/javascript">
        $("#exzoom").exzoom({
            autoPlay: false,
        });//方法调用，务必在加载完后执行
    </script>
</body>

</html>